<template>
  <div class="footer">
    <el-row class="tac">
      <el-col :span="24">
        <el-menu default-active="1" class="el-menu-vertical-demo">
          <el-menu-item index="1" @click="$router.push({name:'activity'})">
            <i class="iconfont icon-home"></i>
            <span slot="title">通知公告</span>
          </el-menu-item>
           <el-menu-item index="2" @click="$router.push({name:'data'})">
            <i class="iconfont icon-home-b"></i>
            <span slot="title">数据统计</span>
          </el-menu-item>
           <el-menu-item index="3" @click="$router.push({name:'order'})">
            <i class="iconfont icon-home-l"></i>
            <span slot="title">订单管理</span>
          </el-menu-item>
            <el-menu-item index="4" @click="$router.push({name:'novellist'})">
              <i class="iconfont icon-home-d"></i>
              <span slot="title">小说列表</span>
            </el-menu-item>
          <el-submenu index="5">
            <template slot="title">
              <i class="iconfont icon-home-e"></i>
              <span>推广管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="5-1" @click="$router.push({name:'elink'})"><i class="iconfont icon-home-f"></i>推广链接</el-menu-item>
              <el-menu-item index="5-2" @click="$router.push({name:'group'})"><i class="iconfont icon-home-g"></i>群发推广</el-menu-item>
              <el-menu-item index="5-3" @click="$router.push({name:'intelligence'})"><i class="iconfont icon-home-h"></i>智能推送</el-menu-item>
              <el-menu-item index="5-4" @click="$router.push({name:'Promotion'})"><i class="iconfont icon-home-i"></i>促销活动</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="6">
            <template slot="title">
              <i class="iconfont icon-home-j"></i>
              <span>财务管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="6-1" @click="$router.push({name:'settlement'})"><i class="iconfont icon-home-k"></i>我的结算单</el-menu-item>
              <el-menu-item index="6-2" @click="$router.push({name:'putforward'})"><i class="iconfont icon-home-l"></i>提现记录</el-menu-item>
              <el-menu-item index="6-3" @click="$router.push({name:'receivables'})"><i class="iconfont icon-home-m"></i>收款信息</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="7">
            <template slot="title">
              <i class="iconfont icon-home-n"></i>
              <span>设置管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="7-1" @click="$router.push({name:'personal'})"><i class="iconfont icon-home-o"></i>个人信息</el-menu-item>
              <el-menu-item index="7-2" @click="$router.push({name:'publicsetup'})"><i class="iconfont icon-home-p"></i>公众号设置</el-menu-item>
              <el-menu-item index="7-3" @click="$router.push({name:'publicaccess'})"><i class="iconfont icon-home-q"></i>公众号接入</el-menu-item>
              <el-menu-item index="7-3" @click="$router.push({name:'changeaccount'})"><i class="iconfont icon-home-r"></i>切换账号</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <!-- <el-menu-item index="8" @click="$router.push({name:'signin'})">
            <i class="iconfont icon-home-s"></i>
            <span slot="title">签到管理</span>
          </el-menu-item>
          <el-menu-item index="9" @click="$router.push({name:'Luckdraw'})">
            <i class="iconfont icon-home-t"></i>
            <span slot="title">抽奖管理</span>
          </el-menu-item> -->
      </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isCollapse: true
    };
  },
  methods: {}
};
</script>

<style scoped>
.footer{
  width: 13%;
  height: 100%;
  position: fixed;
  top: 60px;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  min-height: 400px;
  height: 100%;
  overflow: auto;
}
.iconfont {
  font-size: 20px;
}
.tac{
  width: 100%;
  height: 100%;
}
.el-col{
  height: 100%;
}
</style>
